<h2>Classic editor</h2>
<div id="editor1">
	<p>Some text in which you could easily and without any problem end your selection that started
	inside that sexy and beautiful table below.</p>

	<table border="1">
		<tr>
			<td>Cell 1.1</td>
			<td>Cell 1.2</td>
			<td>Cell 1.3</td>
			<td>Cell 1.4</td>
		</tr>
		<tr>
			<td>Cell 2.1</td>
			<td>Cell 2.2</td>
			<td>Cell 2.3</td>
			<td>Cell 2.4</td>
		</tr>
	</table>

	<p>Some text in which you could easily and without any problem end your selection that started
	inside that sexy and beautiful table above.</p>
</div>

<h2>Divarea editor</h2>
<div id="editor2">
	<p>Some text in which you could easily and without any problem end your selection that started
	inside that sexy and beautiful table below.</p>

	<table border="1">
		<tr>
			<td>Cell 1.1</td>
			<td>Cell 1.2</td>
			<td>Cell 1.3</td>
			<td>Cell 1.4</td>
		</tr>
		<tr>
			<td>Cell 2.1</td>
			<td>Cell 2.2</td>
			<td>Cell 2.3</td>
			<td>Cell 2.4</td>
		</tr>
	</table>

	<p>Some text in which you could easily and without any problem end your selection that started
	inside that sexy and beautiful table above.</p>
</div>

<h2>Inline editor</h2>
<div id="editor3" contenteditable="true">
	<p>Some text in which you could easily and without any problem end your selection that started
	inside that sexy and beautiful table below.</p>

	<table border="1">
		<tr>
			<td>Cell 1.1</td>
			<td>Cell 1.2</td>
			<td>Cell 1.3</td>
			<td>Cell 1.4</td>
		</tr>
		<tr>
			<td>Cell 2.1</td>
			<td>Cell 2.2</td>
			<td>Cell 2.3</td>
			<td>Cell 2.4</td>
		</tr>
	</table>

	<p>Some text in which you could easily and without any problem end your selection that started
	inside that sexy and beautiful table above.</p>
</div>

<script>
	if ( ( CKEDITOR.env.ie && CKEDITOR.env.version < 11 ) || bender.tools.env.mobile ) {
		bender.ignore();
	}

	CKEDITOR.replace( 'editor1' );
	CKEDITOR.replace( 'editor2', {
		extraPlugins: 'divarea'
	} );
	CKEDITOR.inline( 'editor3' );
</script>
